/*以下是table的css*/
body{
    --bg-color:#16A085;
    --font-color:#737373;
    --link-color:#16A085;
    --table-row-height:50px;
    --search-margin:25px ;
}
*{
    outline:none;
}
.table{
    min-width: 1050px;
}
.table-head{
    font-size: 20px;
    display: flex;
    background-color: #16A085;
    background-color: var(--bg-color);
    color: #ffffff;
    min-height: 50px;
}
.table-head>div,.table-content>div{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;     /* 不写这一行IE会不兼容 */
    min-height: var(--table-row-height);
}
.table-content{
    display: flex;
    min-height: 50px;
    color: #737373;
    color:var(--font-color);
}
.table-content>div {
    box-sizing: border-box;
    border: 1px solid #DFDFDF;
    padding: 5px 10px;
    font-size: 16px;
}
.w-5{
    width: 5%;
}
.w-10{
    width: 10%;
}
.w-15{
    width: 15%;
}
.w-20{
    width: 20%;
}
.w-25{
    width: 25%;
}
.w-30{
    width: 30%;
}
.w-40{
    width: 40%;
}
.w-50{
    width: 50%;
}
.w-60{
    width: 60%;
}
.w-70{
    width: 70%;
 }
.w-80{
    width: 80%;
}
.keep-left{
    justify-content: flex-start !important;
}
.ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.link-color{
    color: #16A085;
    color:var(--link-color);
    cursor: pointer;
}
.link-color:hover{
    color:#095244;
}
.table-color-main{
    color: #16A085;
    color:var(--link-color);
}
.bg-color{
    color: #16A085;
}
.table-color-gray{
    color: rgba(128, 128, 128, 0.71);
}
.table-span{
    display: flex;
    background-color: #16A085;
    background-color: var(--bg-color);
    color: #fff;
    height: 35px;
    text-align: center;
    border-radius: 5px;
    align-items: center;
    margin:0 5px;
    padding:0 10px;
    cursor: pointer;
}
.table-container{
    margin-bottom: 25px;
}